<div id="note_0">
note0


</div>

<script>

var note = {};
note.id = 1;
note.name= '开始结点';
note.parent=0;
note.level = 1;

var note_div = "<div id='note_id'>hello div </div>";

function getNoteDiv(note){

 return "<div id='note_"+note.id+"'><span>.....</span>"+note.name+" </div>";
}

$("#note_0").append(getNoteDiv(note));
note.id=2;
note.name='子结点';
note.parent=1;

$("#note_1").append(getNoteDiv(note));

note.id=3;
note.name='3子结点';
note.parent=4;
//alert(typeof $("#sss").id);
$("#note_0").append(getNoteDiv(note));


note.id=4;
note.name='4子结点';
note.parent=5;
$("#note_0").append(getNoteDiv(note));
$("#note_4").append($("#note_3"));

note.id=5;
note.name='5子结点';
note.parent=0;

$("#note_0").append(getNoteDiv(note));
$("#note_5").append($("#note_4"));


</script>


增加结点，使用append
移动结点